<!DOCTYPE html>
<script type="text/javascript" src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<meta charset="UTF-8"/>
<title>Title</title>
</head>
<body>
<style>
    body {
        background-image: url("/static/timgTL0WYTD4.jpg");
        background-size: cover;
    }
</style>

<div class=" " style="margin-top: 7%; width: 100%">
    <div class="row" style="width: 60%; margin-left: 35%">
        <div class="" style="width: 60%; margin-left: 0%">
            <h2 style="text-align: center; color: chocolate">恐怖袭击数据分析网站注册</h2>
            <br/>
            <br/>
            <br/>
            <div class="panel panel-default" style="width: 500px; margin: 0 auto">
                {% for flag in flag %}
                    <div class="alert alert-warning">{{ flag }}</div>
                {% endfor %}
                <div class="panel-heading">
                    <h3 class="panel-title">用户注册</h3>
                </div>
                <div class="panel-body">
                    <form action="/register/" method="POST">

                        <label for="username">用户名</label>
                        <input
                                name="username"
                                class="form-control"
                                placeholder="请输入用户名"
                                required="required"
                                id="username"
                                type="text"
                        />
                        <label for="email">邮箱</label>
                        <input
                                name="email"
                                class="form-control"
                                placeholder="请输入邮箱"
                                required="required"
                                id="email"
                                type="email"
                        />
                        <p class="text-danger"></p>


                        <label for="id_password">密码 </label>
                        <input
                                name="password"
                                class="form-control"
                                placeholder="请输入密码"
                                required="required"
                                id="id_password"
                                type="password"
                        />
                        <p class="text-danger"></p>

                        <label for="id_confirm_password">密码确认 </label>
                        <input
                                name="confirm_password"
                                class="form-control"
                                placeholder="请输入密码"
                                required="required"
                                id="id_confirm_password"
                                type="password"
                        />


                        <span class="pull-left text-danger"></span>
                        <div class="clearfix"></div>
                        <a href="/" class="pull_left">已有账号？登录</a>
                        <input
                                value="注册"
                                class="btn btn-primary pull-right"
                                type="submit"
                                onclick="register()"
                        />
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
